<template>
	 <div style="margin: 0 2rem;">
		
	<el-container>
	        <el-aside width="150px">
				<el-menu :router="true" background-color="transparent">
					<el-menu-item index="/cus/cusinfo" style="height: 6.25rem;">
						<el-avatar style="width: 100%;height: 100%;">
						  <el-link><el-image :src="$ip+`/public/shows/`+store.state.user.pic" v-model="store.state.user.pic"  />
						</el-link>
						</el-avatar>
					</el-menu-item>
					 <el-menu-item index="/cus/pwd"><el-icon>
						<EditPen />
					</el-icon>修改密码</el-menu-item>
					 <el-menu-item index="/cus/head"><el-icon>
						<FolderAdd />
					</el-icon>修改头像</el-menu-item>
					 <el-menu-item index="/cus/mycart"><el-icon><Search /></el-icon>我的购物车</el-menu-item>
					 <el-menu-item index="/cus/myorders"><el-icon><Search /></el-icon>我的订单</el-menu-item>
					 <el-menu-item index="/cus/myremark"><el-icon><Edit /></el-icon>订单评论</el-menu-item>
				</el-menu>	  
			</el-aside>
			<router-view></router-view>
	        </el-container>
			</div>
</template>

<script setup>
	import {
		ref,
		reactive,
		onMounted,
		computed
	} from "vue"
	import {
		ElMessage,
		ElMessageBox
	} from 'element-plus'
	import {
		DocumentAdd,
		DocumentChecked,
		FolderChecked,
		FolderAdd,
		MessageBox,
		UserFilled,
		EditPen,
		CirclePlusFilled,
		Notebook,
		FolderOpened,
		Search,
		Edit
	} from '@element-plus/icons-vue'
	import store from'../../store/index.js'
</script>

<style>
</style>
